<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>论坛主页</title>
    {include file="../application/common/view/index/header_link.html" /}
    <link rel="stylesheet" type="text/css" href="/static/css/blog.css">
    <script type="text/javascript" src="/static/js/blog.js"></script>
</head>
<body>
<div class="container-fluid">
    {include file="../application/common/view/index/header.html" /}
    <div class="main">
        <div class="main-nav">
            <div class="navs">
                <div class="btn-group" role="group" aria-label="Basic example">
                    {volist name="data" id="da"}
                    <a href="/blog?id={$da.id}"><button type="button" class="btn">{$da.category}</button></a>
                    {/volist}
                    <button  type="button" class="btn" onclick="categoryone()">其他</button>
                </div>
            </div>
        </div>
        <div class="main-nav main_nav">
            <div class="navs">
                <div class="btn-group" role="group" aria-label="Basic example">
                    <div class="btn-group" role="group" aria-label="Basic example">
                        {assign name="da.id" value="$Think.get.id" /}
                        {volist name="class" id="cl"}
                        {if ($da.id) == ($cl.cid)}
                        <a href="/blog?id={$da.id}&cid={$cl.id}"> <button type="button" class="btn">{$cl.category_two}</button></a>
                        {/if}
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
        <section>
            <div class="main-article" >
                {if ($Think.get.id) !== (null) and ($Think.get.cid) == (null)}
                    {volist name="list" id="li"}
                    {assign name="da.id" value="$Think.get.id" /}
                    {eq name="$li.category" value="$da.id"}
                    <div class="media">
                        <div class="media-body">
                            <div class="media-body-shanchu">屏蔽</div>
                            <a href="/blog/article/article?id={$li.id}"><h5 class="mt-0">{$li.title}</h5></a>
                            <p>{$li.synopsis}</p>
                            <div class="media-foot">
                                 <div class="media-foot-left">
                                    {volist name="user" id="us"}
                                    {eq name="$li.uid" value="$us.id"}
                                    <a href=""><img src="{$us.head_sculpture}" alt="" /></a>
                                    <a href=""><p>{$us.pat_name}</p></a>
                                    {/eq}
                                    {/volist}
                                    <p class="media-foot-left-shijian">{$li.created_date}</p>
                                 </div>
                                <div class="media-foot-right">
                                    <a href=""><p>{$li.support}</p></a>
                                    <p>{$li.browse}</p>
                                </div>
                             </div>
                        </div>
                    </div>
                    {/eq}
                    {/volist}
                {elseif ($Think.get.cid) !== (null) /}
                    {volist name="list" id="li"}
                    {assign name="da.cid" value="$Think.get.cid" /}
                    {eq name="$li.category_two" value="$da.cid"}
                    <div class="media">
                        <div class="media-body">
                            <div class="media-body-shanchu">屏蔽</div>
                            <a href="/blog/article/article?id={$li.id}"><h5 class="mt-0">{$li.title}</h5></a>
                            <p>{$li.synopsis}</p>
                            <div class="media-foot">
                                <div class="media-foot-left">
                                    {volist name="user" id="us"}
                                    {eq name="$li.uid" value="$us.id"}
                                    <a href=""><img src="{$us.head_sculpture}" alt="" /></a>
                                    <a href=""><p>{$us.pat_name}</p></a>
                                    {/eq}
                                    {/volist}
                                    <p class="media-foot-left-shijian">{$li.created_date}</p>
                                </div>
                                <div class="media-foot-right">
                                    <a href=""><p>{$li.support}</p></a>
                                    <p>{$li.browse}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/eq}
                    {/volist}
                {/if}
            </div>
            <div class="main-aside">
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><b>公告栏</b></li>
                            <li class="list-group-item"><a href="">待到山花烂漫时</a></li>
                        </ul>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><b>推荐作者</b></li>
                            <li class="list-group-item"><a href="">木大木大木大</a></li>
                            <li class="list-group-item"><a href="">木大木大木大</a></li>
                            <li class="list-group-item"><a href="">木大木大木大</a></li>
                            <li class="list-group-item"><a href="">木大木大木大</a></li>
                        </ul>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><b>推荐文章</b></li>
                            {volist name="support" id="su"}
                            <li class="list-group-item"><a href="">{$su}</a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!--<footer>页尾</footer>-->
    {include file="../application/common/view/index/footer.html" /}
</div>
</body>
{include file="../application/common/view/index/footer_link.html" /}
</html>